import React, { Component } from 'react';
import '../App.less';
import {observer} from "mobx-react";
import  Mobx from  '../mobx'
@observer class Header extends Component {
    toSearch(){
        Mobx.history.push('/Search')
    }
    toShoppingMall(){
       Mobx.history.push('/ShoppingMall')
    }
    render() {
        return (
                <div className='Header'>
                    <div>
                        <input type="text" placeholder='搜索创意，设计师' onFocus={this.toSearch}/>
                    </div>
                    <span onClick={this.toShoppingMall.bind(this)}>商城</span>
                </div>
        );
    }
}

export default Header;
